import { StyleSheet, Platform } from 'react-native';
import { isIos } from '@/utils/helper';

export default StyleSheet.create({
  wrapper: {
    width: '100%',
    position: 'absolute',
    paddingHorizontal: 16,
    bottom: isIos() ? 0 : 16
  },
  shadow: {
    shadowRadius: 6,
    shadowOpacity: 1,
    shadowColor: 'rgba(0,0,0,.3)',
    shadowOffset: { width: 2, height: 2 },
    ...Platform.select({
      android: {
        elevation: 6,
        shadowColor: 'rgba(0,0,0,.8)',
      }
    })
  },
  content: {
    borderRadius: 12,
    paddingHorizontal: 16,
    paddingVertical: 12,
    backgroundColor: '#fff'
  },
  actions: {
    alignItems: 'center'
  },
  between: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between'
  }
});